<template>
    <div id="tmpl">
        <ul class="mui-table-view">
            <li v-for="item in list" class="mui-table-view-cell mui-media">
                <router-link v-bind="{to:'/news/newsinfo/'+item.id}">
                    <img class="mui-media-object mui-pull-left" :src="item.img_url">
                    <div class="mui-media-body">
                        {{item.title}}
                        <p v-text="item.zhaiyao" class='mui-ellipsis'></p>
                        <div class="ft">
                            <span>发表时间:{{item.add_time}}</span>
                            &nbsp;     &nbsp;     &nbsp;
                            <span>点击数:{{item.click}}</span>
                        </div>
                    </div>

                </router-link>

            </li>
         </ul>

    </div>
</template>

<script>
    export default{
       data(){
           return {
               list:[]
           }
       },
       created(){
         this.getNews()
       },
        methods:{
            getNews(){
                this.list=[
                    {
                        'id':13,
                        'title':'一季度多家房企跌幅超50%',
                        'add_time':'2015-1-5',
                        'zhaiyao':'房企一季度销售业绩公布',
                        'click':1,
                        'img_url':'../../../statics/imgs/jiugongge/i2.png'
                    },
                    {
                        'id':14,
                        'title':'二季度多家房企跌幅超50%',
                        'add_time':'2015-1-6',
                        'zhaiyao':'房企二季度销售业绩公布',
                        'click':3,
                        'img_url':'../../../statics/imgs/jiugongge/i3.png'
                    },
                ]
            },
        }
    }
</script>

<style scoped>
.ft{
    color:cadetblue;
    font-size: 12px;
    margin-top: 1em;
}
</style>